<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>书画摄影首页</title>
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.select.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script type="text/javascript" src="js/joint/joint-webpage-common.js"></script>
<script type="text/javascript" src="js/page_dropdown_event/painting/painting_index_dropdown.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//load search部分
		$("#search").load("head_search.html", function(data) {
		});
		$("#slider3").responsiveSlides({
			manualControls : '#slider3-pager'
		});
	});

	paint_index_floor_state = new Array();
	for (var index = 0; index < 8; index++) {
		paint_index_floor_state[index] = false;
	}
	
	$(window).scroll(
		function() {
			var scrollLength = $(window).scrollTop()
					+ document.body.clientHeight;
			paintingIndexScrollDownJs(scrollLength);
		});
</script>


<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body
	style="width:100%; margin:0 auto; background-image:url(images/back.jpg) ">

	<!--top广告开始-->
	<%@ include file="../index_top_ad.jsp"%>
	<!--top广告结束-->

	<!--search开始-->
	<div class="logo_w" id="search"></div>
	<!--search结束-->

	<!--导航开始-->
	<div class="headNav">
		<div class="navCon w1020">
			<div class="navCon-cate fl navCon_on">
				<div class="navCon-cate-title">
					<a href="#">精品分类</a>
				</div>
				<div class="cateMenu hide" style="display: none;">
					<ul>
						<li style="border-top:none;" class="">
							<div class="cate-tag">
								<strong><a href="shufa_demo.html">书法、绘画&nbsp;&nbsp;》</a></strong>
							</div>
						</li>
						<li>
							<div class="cate-tag">
								<strong><a href="#">篆刻、雕塑&nbsp;&nbsp;》</a></strong>
							</div>
						</li>
						<li>
							<div class="cate-tag">
								<strong><a href="#">摄影、摄像&nbsp;&nbsp;》</a></strong>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="navCon-menu fl">
				<ul>
					<li><a class="curMenu" href="#">新闻资讯</a></li>
					<li><a href="#">新名家</a></li>
					<li><a href="#">展销大厅</a></li>
					<li><a href="#">评论家</a></li>
					<li><a href="#">论坛活动</a></li>
					<li><a href="#">专题讲座</a></li>
					<li><a href="#">爱心诊所</a></li>
					<li><a href="#">公益学院</a></li>
					<li><a href="#">私人订制</a></li>
				</ul>
			</div>

		</div>
	</div>
	<!--导航结束-->


	<!--show开始-->
	<div class="show">
		<div id="wrapper" class="show_left">
			<!-- Slideshow 3 -->
			<ul class="rslides" id="slider3">
				<li><img
					src="<s:property value="#request.picture[6].apPath" />" alt=""></li>
				<li><img
					src="<s:property value="#request.picture[7].apPath" />" alt=""></li>
				<li><img
					src="<s:property value="#request.picture[8].apPath" />" alt=""></li>
				<li><img
					src="<s:property value="#request.picture[9].apPath" />" alt=""></li>
				<li><img
					src="<s:property value="#request.picture[10].apPath" />" alt=""></li>
			</ul>

			<!-- Slideshow 3 Pager -->
			<ul id="slider3-pager">
				<li><a href="#"><img
						src="<s:property value="#request.picture[6].apPath"/>" alt=""></a></li>
				<li><a href="#"><img
						src="<s:property value="#request.picture[7].apPath"/>" alt=""></a></li>
				<li><a href="#"><img
						src="<s:property value="#request.picture[8].apPath"/>" alt=""></a></li>
				<li><a href="#"><img
						src="<s:property value="#request.picture[9].apPath"/>" alt=""></a></li>
				<li><a href="#"><img
						src="<s:property value="#request.picture[10].apPath"/>" alt=""></a></li>
			</ul>
			<ul style="width:932px;height:80px">
				<li style="width:208px;float:left;margin-left:20px"><a href="#">
						<img src="<s:property value="#request.picture[11].apPath"/>"
						alt="" style="width:100%; height:70px" />
				</a></li>
				<li style="width:208px;float:left; margin-left:20px"><a
					href="#"> <img
						src="<s:property value="#request.picture[12].apPath"/>"
						style="width:100%; height:70px" /></a></li>
				<li style="width:208px; float:left ; margin-left:20px"><a
					href="#"> <img
						src="<s:property value="#request.picture[13].apPath"/>"
						style="width:100%; height:70px"></a></li>
				<li style="width:208px; float:left; margin-left:20px"><a
					href="#"> <img
						src="<s:property value="#request.picture[14].apPath"/>"
						style="width:100%; height:70px"></a></li>
			</ul>
		</div>
		<img class="show_right" alt="" src="images/show_right.png"
			src="images/logo.png" />
	</div>
	<!--show结束-->
	</div>

	<!--main开始-->
	<div id="wrap">
		<div class="mainbody">
			<!--新闻资讯开始-->
			<div class="mainbody_xinwen" id="float01">
				<!--新闻资讯左部分-->
				<div class="xinwen_left">
					<img src="<s:property value="#request.picture[15].apPath"/>"
						style=" width:100%; height:84px;" />
					<!--新闻资讯左部分的左部分-->
					<div class="xinwen_left_left">
						<div class="xinwen_left_left_title" id="zixun">
							<font style="margin-left:10%; font-size:18px;"><b>资讯</b></font>
							<div
								style=" width:98%; margin:0 auto; border: 2px solid #FF0000; float:left;"></div>
							<font style="margin-left:10%; float:left;">视频/</font>
						</div>
						
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[0][1]"/>">
								<img src="<s:property value="#request.news[0][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[0][1]"/>">
									<s:property value="#request.news[0][0]"/>
								</a> 
							</div>
						</div>
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[1][1]"/>">
								<img src="<s:property value="#request.news[1][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[1][1]"/>">
									<s:property value="#request.news[1][0]"/>
								</a> 
							</div>
						</div>
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[2][1]"/>">
								<img src="<s:property value="#request.news[2][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[2][1]"/>">
									<s:property value="#request.news[2][0]"/>
								</a> 
							</div>
						</div>
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[3][1]"/>">
								<img src="<s:property value="#request.news[3][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[3][1]"/>">
									<s:property value="#request.news[3][0]"/>
								</a> 
							</div>
						</div>
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[4][1]"/>">
								<img src="<s:property value="#request.news[4][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[4][1]"/>">
									<s:property value="#request.news[4][0]"/>
								</a> 
							</div>
						</div>
						
						<div class="xinwen_left_left_img">
							<a href="<s:property value="#request.news[5][1]"/>">
								<img src="<s:property value="#request.news[5][2]"/>"
									style="width:100%; height:108px;" />
								</a>
							<div class="xinwen_left_left_img_text">
								<a href="<s:property value="#request.news[5][1]"/>">
									<s:property value="#request.news[5][0]"/>
								</a> 
							</div>
						</div>

					</div>
					<!--新闻资讯的左部分的左部分结束-->



					<!--新闻资讯的左部分的右部分开始-->
					<div class="xinwen_left_right">
						<div class="xinwen_left_right_title">
							<div style="float:right; margin-right:2%;">
								<a href="#">新闻</a> <a href="#">访谈</a> <a href="#">专题</a> <a
									href="#">期刊</a> <a href="#">》</a>
							</div>
							<div style=" width:98%; margin:0 auto; border: 2px solid #FF0000; float:right; margin-top:-0.5%;"></div>
							<font style="float:left; margin-left:9%;">地方站/</font>
						</div>
						<div
							style="border:1px dashed #313131; width:98%; float:right; margin-top:1%;"></div>
						<div class="xinwen_left_right_text">
							<ul style="margin-left:3%;">
								<li><a href="<s:property value="#request.news[6][1]"/>"><s:property value="#request.news[6][0]"/></a></li>
								<li><a href="<s:property value="#request.news[7][1]"/>"><s:property value="#request.news[7][0]"/></a></li>
								<li><a href="<s:property value="#request.news[8][1]"/>"><s:property value="#request.news[8][0]"/></a></li>
								<li><a href="<s:property value="#request.news[9][1]"/>"><s:property value="#request.news[9][0]"/></a></li>
								<li><a href="<s:property value="#request.news[10][1]"/>"><s:property value="#request.news[10][0]"/></a></li>
								<li><a href="<s:property value="#request.news[11][1]"/>"><s:property value="#request.news[11][0]"/></a></li>
								<li><a href="<s:property value="#request.news[12][1]"/>"><s:property value="#request.news[12][0]"/></a></li>
								<li><a href="<s:property value="#request.news[13][1]"/>"><s:property value="#request.news[13][0]"/></a></li>
								<li><a href="<s:property value="#request.news[14][1]"/>"><s:property value="#request.news[14][0]"/></a></li>
								<li><a href="<s:property value="#request.news[15][1]"/>"><s:property value="#request.news[15][0]"/></a></li>
								<li><a href="<s:property value="#request.news[16][1]"/>"><s:property value="#request.news[16][0]"/></a></li>
							</ul>
						</div>
					</div>
					<!--新闻资讯的左部分的右部分结束-->
				</div>
				<!--新闻资讯的左部分结束-->
				<!--新闻资讯的右部分开始-->
				
				
				<div class="xinwen_right">
					<div class="xinwem_right_img">
						<img src="images/img_05.jpg" style="width:100%; height:138px;" />
					</div>
					<div class="xinwen_right_title">
						<div
							style="width:98%; margin:0 auto; border: 2px solid #FF0000; float:left; margin-top:5%;"></div>
						<font style="margin-left:10%; line-height:30px;">论坛/</font>
					</div>
					<div class="xinwem_right_title_img">
						<a href="<s:property value="#request.news[17][1]"/>">
							<img src="<s:property value="#request.news[17][1]"/>" style="width:100%; height:160px;" />
						</a>
						<div class="xinwen_left_left_img_text">
						<a href="<s:property value="#request.news[17][1]"/>">
							<s:property value="#request.news[17][0]"/>
						</a>
						</div>
					</div>
					<div class="xinwen_right_text">
						<ul style="margin-top:0; padding-top:3%;">
						<li><a href="<s:property value="#request.news[18][1]"/>"><s:property value="#request.news[18][0]"/></a></li>
						<li><a href="<s:property value="#request.news[19][1]"/>"><s:property value="#request.news[19][0]"/></a></li>
						<li><a href="<s:property value="#request.news[20][1]"/>"><s:property value="#request.news[20][0]"/></a></li>
						<li><a href="<s:property value="#request.news[21][1]"/>"><s:property value="#request.news[21][0]"/></a></li>
						<li><a href="<s:property value="#request.news[22][1]"/>"><s:property value="#request.news[22][0]"/></a></li>
						<li><a href="<s:property value="#request.news[23][1]"/>"><s:property value="#request.news[23][0]"/></a></li>
						<li><a href="<s:property value="#request.news[24][1]"/>"><s:property value="#request.news[24][0]"/></a></li>
					</div>
				</div>
				<!--新闻资讯的右部分结束-->
			</div>

			<!--新闻资讯结束-->
			<!--广告-->
			<div class="ad">
				<img src="<s:property value="#request.picture[16].apPath"/>"
					style="width:100%; height:85px;" />
			</div>
			
			<!--新名家开始-->
			<div class="mainbody_common_three_ad" id="paint_index_mingjia"></div>
			<!--新名家结束-->
			<!--推荐十个艺术家开始-->
			<div style="width:100%;height:135px;float:left;" id="paint_index_mingjia_ad"></div>
			<!--推荐十个艺术家结束-->
			
			<!--评论家开始-->
			<div class="mainbody_common_three_ad" id="paint_index_pinglun"></div>
			<!--评论家结束-->
			<!--推荐十个艺术家开始-->
			<div style="width:100%;height:135px;float:left;" id="paint_index_pinglun_ad"></div>
			<!--推荐十个艺术家结束-->
			
			<!--展销大厅开始-->
			<div class="mainbody_common_long_ad" id="paint_index_zhanxiao"></div>
			<!--展销大厅结束-->
			<!--广告-->
			<div class="long_ad" id="paint_index_zhanxiao_ad"></div>
			
			<!-- 论坛活动开始-->
			<div class="mainbody_xiju" id="paint_index_luntan"></div>
			<!-- 论坛活动结束-->
			<!--广告开始-->
			<div style="width:100%;height:135px;float:left;" id="paint_index_luntan_ad"></div>
			<!--广告结束-->
			
			<!-- 专题讲座开始-->
			<div class="mainbody_common_long_ad" id="paint_index_jiangzuo"></div>
			<!--广告-->
			<div class="long_ad" id="paint_index_jiangzuo_ad"></div>
			
			<!-- 爱心诊所开始-->
			<div class="mainbody_common_three_ad" id="paint_index_zhensuo"></div>
			<!--爱心诊所结束-->
			<!--广告开始-->
			<div class="three_ad" id="paint_index_zhensuo_ad"></div>
			<!--广告结束-->

			<!-- 公益学院开始-->
			<div class="mainbody_common_long_ad" id="paint_index_gongyi"></div>
			<!-- 公益学院结束-->
			<!--广告-->
			<div class="long_ad" id="paint_index_gongyi_ad"></div>
			<!--广告-->

			<!--私人订制开始-->
			<div class="mainbody_common_three_ad" id="paint_index_siren"></div>
			<!--私人订制结束-->
			<!--广告开始-->
			<div style="width:100%;height:135px;float:left;" id="paint_index_siren_ad"></div>
			<!--广告结束-->

			<!--底部开始-->
			<%-- <s:include value="index_footer.jsp" /> --%>
			<!--底部结束-->
		</div>
		<!--main结束-->

		<!--主内容结束-->
</body>
</html>